<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>密码设置</title>
<style>
	a{text-decoration:none}
	/*页头部分 勿改*/
	/*设置div背景色为white*/
	/*以下部分和页脚部分统一*/
	html, body{
		margin: 0;
		padding: 0;
		height: 100%;
	}
	body{  background-color: #f9f9f9;  }
	/*container div包括页头和主体内容 不包括页脚！！！！不包括！！！！*/
	#container{
		min-height: 100%;
		height: auto !important;
		height: 100%;
		position: relative;
	}
	.banner {
		z-index:99999;
		width:100%;
		height:70px;
		top:0;
		left:0;
		position: fixed;
		overflow: hidden;
		background: #fff;
		border-bottom: 1px solid rgba(30,35,42,.06);
		box-shadow: 0 1px 3px 0 rgba(0,34,77,.05);
		background-clip: content-box;
		background-color: white;
		filter:alpha(Opacity=50);
		opacity: 0.95;
	}
	#logo {
		margin-top: 11px;
		margin-left: 42px;
		width: 115px;
		height: 46px;

	}
	.searchDiv{
		position: relative;
		top: -75px;
		left: 182px;
		height: 40px;
		width: 224px;
		border: 0px;
	}
	#search {
		position: relative;
		top: 30px;
		left: 0px;
		width: 224px;
		height: 30px;
		-webkit-border-radius:3px;
		-webkit-appearance: none;
		border-radius: 3px;
		border: 1px solid #999999;
		font-size: 13px;
		background-color: transparent;
	}
	#searchicon{
		position: relative;
		bottom: 0px;
		left: 195px;
		width: 28px;
		height: 28px;
	}
	#btnLeft{
		margin-left: 30px;
		width: 235px;
		position: absolute;
		right: 12.6%;
		top: 20px;
	}
	#hpBtn{
		width: 112px;
		height: 30px;
		-webkit-border-radius:3px;
		-webkit-appearance: none;
		border-radius: 3px;
		border: 1px solid #999999;
		background-color: white;
		font: normal 15px 微软雅黑 ;
		color: #666666;
		float: right;
	}
	#ppBtn{
		margin-right: 7px;
		float: right;
		width: 112px;
		height: 30px;
		-webkit-border-radius:3px;
		-webkit-appearance: none;
		border-radius: 3px;
		border: 1px solid #999999;
		background-color: white;
		font: normal 15px 微软雅黑 ;
		color: #666666;
	}
	/*页脚*/
	/*除非屏幕下部分不适配此页脚 请不要修改参数*/
	footer{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 60px;
		clear: both;
		padding-top: 20px;
		padding-bottom: 0;
		margin-bottom: -20px;
	}
	#footer{
		text-align: center;
		background-color: white;
		height: 40px;
		width: 100%;
		overflow: hidden;
		box-shadow: 0 1px 3px 0 rgba(0,34,77,.05);
		background-clip: content-box;
	}
	#footText{
		height: 20px;
		margin: 5px auto;
	}
	.modifyPas{
		width: 720px;
		height: 280px;
		margin: 100px auto ;
		word-wrap: break-word;
		word-break: normal;
	}
	#newPas{
		width: 645px;
		height: 26px;
		border: 0;
		background-color: aliceblue;
	}
	#newPasAg{
		width: 630px;
		height: 26px;
		border: 0;
		background-color: aliceblue;
	}
	#title{
		width: 720px;
		height: 20px;
		font: bold 18px 微软雅黑;
	}
	#verCode{
		width: 140px;
		height: 26px;
		border: 0;
		background-color: aliceblue;
	}
	#sentVerCode{
		float: right;
		display:inline-block;
		width: 110px;
		height: 26px;
		background-color: white;
		border: 1px solid #999999;
		-webkit-border-radius:3px;
		border-radius: 3px;
		font: normal 13px 微软雅黑;
	}
	#confirm{
		height: 30px;
		width: 80px;
		background-color:white;
		border: 1px solid #999999;
		-webkit-border-radius:3px;
		border-radius: 3px;
		font:normal 15px 微软雅黑;
	}
	#cancel{
		float: right;
		height: 30px;
		width: 80px;
		background-color: white;
		border: 1px solid #999999;
		-webkit-border-radius:3px;
		border-radius: 3px;
		font:normal 15px 微软雅黑;
	}
</style>
</head>
<body>
<div id="container">
	<div class="banner">
		<img src="logologin.png" id="logo"/>
		<div class="searchDiv">
			<input type="text" name="keyword" id="search" placeholder=" 请输入您要搜索的关键字">
			<a href="https://www.baidu.com"><img src="搜索.png" id="searchicon" /></a>
		</div>
		<div id="btnLeft">
			<input type="button" name="homepage" id="hpBtn" value="个人中心">
			<input type="button" name="homepage" id="ppBtn" value="首页">
		</div>
	</div>

<div class="modifyPas">
	<div id="title">修改密码</div><br><br><br>
	<t style="font: normal 15px 微软雅黑 ">验证码： </t>
	<input type="text" name="keyword" id="verCode">
	<input type="button" name="homepage" id="sentVerCode" value="发送验证码"><br>
	<hr>
	<t style="font: normal 15px 微软雅黑 ">新密码： </t>
	 <input type="text" name="keyword" id="newPas">
	<hr>
	<t style="font: normal 15px 微软雅黑 ">确认密码：</t>
	 <input type="text" name="keyword" id="newPasAg">
	<hr>
	<br><br>
	<input type="button" name="homepage" id="confirm" value="确认">
	<input type="button" name="homepage" id="cancel" value="取消">
</div>
</div>
<footer>
	<div id="footer">
		<div id="footText">
			<img src="giggleIcon.png" style="width: 20px;height: 20px;margin-bottom: -6px"   >
			<em style="font: 13px 微软雅黑;color: #999999;">giggle</em>
			<a href="https://www.baidu.com/" style="font: 13px 微软雅黑;color: #999999;margin-left: 15px">关于我们</a>
			<em style="font: 13px 微软雅黑;color: #999999;margin-left: 15px">© 2017 Zealers 版权所有</em>
		</div>
	</div>
</footer>

</body>
</html>
